$(function() {
    $('#yes').click(function(event) {
        modal('语文老师一回头，此地空余黄鹤楼~~。(^_^)', function() {
            $('.page_one').addClass('hide');
            $('.page_two').removeClass('hide');
            // typeWrite();
            fireworks();

        });
    });
    $('#no').click(function(event) {
        modal('数学老师一回头，二次函数对称轴；化学老师一回头，二氧化碳变汽油。(。＿ 。） ✎＿学习计划走起', A);
    });
});

function A() {
    modal('(:3[▓▓]快醒醒开学了！政治老师一回头，全班同学都梦游~，音乐老师一回头，打着节拍摇着头~', B);
}

function B() {
    modal('我知道你在等这一句话', C);
}

function C() {
    modal('ヾヾ( ˘ ³˘人)ヾ考的全会', D);
}

function D() {
    modal('٩(*Ӧ)و写的全对', E);
}

function E() {
    modal('⭐凌晨三点╮（￣﹏￣）╭⭐', F);
}

function F() {
    modal('(:3_ヽ)_写作业', G);
}

function G() {
    modal('(｡⊙౪⊙｡)天啦噜', H);
}

function H() {
    modal('d(ﾟ∀ﾟd)点赞!', I);
}

function I() {
    modal('<－biubiu－⊂(`ω´∩)', J)
}

function J() {
    modal('呐，接下来，一起看一波烟花吧~', function() {
        fireworks();
    });
}

function fireworks() {
    $('.page_one').addClass('hide');
    initAnimate();
}

function modal(content, callback) {
    var tpl = '<div class="container">'+
        '<div class="mask"></div>'+
        '<div class="modal">'+
        '<p>'+ content +'</p>'+
        '<button type="button" id="confirm" class="confirm">确定</button>'+
        '</div>'+
        '</div>';
    $('body').append(tpl);
    $(document).on('click', '.confirm', function() {
        $('.container').remove();
        callback();
    });
}
